<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后代选择器</title>
    <style>
        article section p {
          color: #e74c3c;
          background-color: #f9f9f9;
          padding: 8px;
          border-left: 3px solid #e74c3c;
        }
      </style>
    </head>
    <body>
      <article>
        <section>
          <div>
            <p>123456</p>
          </div>
        </section>
        <section>
          <p>456789</p>
          <div>
            <section>
              <p>111111</p>
            </section>
          </div>
        </section>
        <p>111（不在section内）</p>
      </article>
    </body>
    </html>
    